.login {
  width: 100%;
  height: 100vh;
  // background-image: url(../../assets/bg1.jpg);
  background-size: 100% 100%;

  &-header {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  &-content {
    position: absolute;
    width: 40%;
    height: 100%;
    right: 0;
    .mask {
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .2;
    }
  }
  &-info {
    float: left;
    h2{
      color: #8384fd;
      height: 50px;
      padding-left: 22px;
    }
    p{
      padding-left: 22px;
    }
  }
  &-form {
    width: 80%;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 40px !important;
    position: absolute;
    background: #fff;
    right: 10%;
    top: 50%;
    margin-top: -200px !important;

    h2 {
      text-align: center;
    }
    &-forgot {
      float: right;
    }
    &-button {
      width: 100%;
    }

    .ant-form-item-label{
      text-align: left;
    }
  }
  &-footer {
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
    font-size: 12px;
    margin: 10px 0 0 10px;
    color: #fff;
  }
}
.register-form{
  // position: relative;
  width: 80%;
  float: right;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 30px 30px 0 30px !important;
  position: absolute;
  background: #fff;
  right: 10%;
  top: 50%;
  margin-top: -334px !important;

  h2 {
    text-align: center;
  }

  .ant-form-item{
    margin-bottom: 8px;
  }
  .ant-col-12,
  .ant-col-xs-24{
    padding: 0;
  }
  &-login {
    display: inline-block;
    margin-left: 40px;
  }
}